@n: 4;
.home-animation-loop(@i:1) when (@i <= @n) {
	.home-animation@{i} {
		opacity: 0;
		animation-name: error-num;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
		animation-delay: (@i / 10s);
	}
	.home-animation-loop(@i + 1);
}
.statistics {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10px;
	width: 100%;
	.statistics-item {
		.prohibitCopying();
		.home-animation-loop();

		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
		height: 70px;
		padding: 20px;
		overflow: hidden;
		cursor: pointer;
		background-color: var(--app-container-bg);
		border-radius: 4px;
		transition: 0.3s;
		&:hover {
			box-shadow: var(--app-container-box-show);
		}
		.statistics-left {
			.statistics-value {
				font-size: 30px;
			}
			.statistics-label {
				margin-top: 10px;
				font-size: 10px;
			}
		}
		.statistics-right {
			justify-self: end;
			.iconfont {
				display: block;
				padding: 15px;
				font-size: 30px;
				border-radius: 50%;
			}
		}
	}
}
